/* 总体 */
#app-box {
  display: flex;
  width: 100%;
  /* height: 500px; */
}

/* 渲染区 */
#scroll-table .semi-table-body {
  overflow: hidden !important;
}
/* 配置区 */
.right-box {
  width: 340px;
  padding-bottom: 70px;
  box-sizing: border-box;
  padding-left: 20px;
  overflow-y: auto;
}
.semi-form-field {
  margin-right: 0 !important;
}
.semi-form-slot {
  margin-right: 10px !important;
}
.add-line-select {
  width: calc(100% + 10px) !important;
}
.right-box .semi-form-field {
  width: 100%;
}
.right-box .semi-select {
  width: 100%;
}
.field-item {
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
}
.field-item svg {
  font-size: 14px;
  color: rgba(var(--semi-grey-5), 1);
}
.field-item-title {
  width: 160px;
  border: 1px solid rgba(var(--semi-grey-2), 1);
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 7px;
}
.field-item-title svg {
  margin-right: 5px;
}
.field-item-phone {
  flex: 1;
  border: 1px solid rgba(var(--semi-grey-2), 1);
  box-sizing: border-box;
  margin-left: 15px;
  margin-right: 10px;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
  color: rgba(var(--semi-grey-5), 1);
  cursor: pointer;
}
.field-item-phone svg {
  margin-right: 5px;
}
.field-item-delete {
  width: 20px;
  text-align: right !important;
  cursor: pointer;
}
.field-item-add-btn {
  padding-left: 0 !important;
  margin: 5px 0;
}
.field-item-add-btn .semi-button-content {
  display: flex;
  align-items: center;
}
.field-item-add-btn .semi-button-content svg {
  margin-right: 3px;
}
.form-second-box {
  display: flex;
  width: 100%;
}
.form-second-box-item {
  flex: 1;
}
.form-second-box .semi-form-field-label-text {
  font-weight: 400;
  color: rgba(var(--semi-grey-5), 1);
}
.form-second-box-item-2 {
  margin-left: 20px;
}
.switch-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 25px;
}
.line-height-card-box {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(var(--semi-grey-2), 1);
  height: 30px;
  align-items: center;
  border-radius: 2px;
  width: calc(100% - 25px);
  box-sizing: border-box;
  margin-bottom: 10px;
}
.line-height-card {
  flex: 1;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.line-height-card-active span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: calc(100% - 14px);
  margin-left: 7px;
  background-color: rgba(var(--semi-light-blue-1), 1);
  color: rgba(var(--semi-blue-5), 1);
}
.w-100-25 {
  width: calc(100% - 25px) !important;
}
.line-height-color-box {
  display: flex;
  justify-content: space-between;
}
.line-height-color-item {
  border: 1px solid rgba(var(--semi-grey-2), 1);
  border-radius: 2px;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex: 1;
  height: 30px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 10px;
}
.line-height-color-item:first-child {
  margin-right: 15px;
}
.line-height-color-item input {
  border: none;
  width: 30px;
  cursor: pointer;
}
.line-height-color-item label {
  flex: 1;
  cursor: pointer;
}
.w-100 .semi-input-number {
  width: calc(100% - 25px) !important;
}
